<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>操作标签</title>
	<style>
		body{
			padding-left: ;
			margin-top: 
		}
		a{
			width: 200px;
		}
		span{
			width: 300px;
		}
	</style>
	<script src="./jq.js"></script>
	<script>

		window.onload=function (argument) {
			
			// box = document.getElementById('box');
			// link = document.getElementById('link');

			// console.log(link.style.width);

			// width = window.getComputedStyle ? window.getComputedStyle(link,null).width : link.currentStyle.widht;

			width = $('#link').width();

			console.log(width);
			// console.log(parseInt(link.style.width));

			console.log($('#bb').width(50));

			// link.style.color = "red";
			// link.style.background = "red";
			// link.style.paddingLeft = "100px";


			// link.href = "http://www.163.com";

			// console.log(link.getAttribute('data_src'));

			// link.setAttribute('class','box');

			// console.log(box.innerHTML)
			// console.log(box.innerText)

			// box.innerHTML ="<span>百度一下</span>";

		}
	</script>
</head>
<body>
	<p id="box">
		<a id="link" class="xuebingsi" data_src="dsfsdfsdf" name="学并思" href="http://www.baidu.com">学并思</a>
		<img src="" alt="">
		<span id="bb">百度一下</span>
	</p>
</body>
</html>